<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>华为帐号-注册</title>
    <link rel=" icon" href="../images/logo/huawei.ico" />
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/regist.css">
</head>

<body>
    <!-- --华为登录注册页面 -->
    <!-- ---页面主体框架 -->
    <div class="login-frame">
        <div class="header-bg">
            <div class="header">
                <!-- ---头部区域----- -->
                <h1 class="logo">
                    <img src="../images/logo/HUAWEI.svg" alt="HUAWEI">
                </h1>
                <h1 class="line1-y">|</h1>
                <h1 class="text">华为商城</h1>
            </div>
        </div>
        <!-- ---------------------- -->
        <!-- ------中部登录内容 -->
        <div class="center">
            <div class="center2">
                <div class="center-content">
                    <div class="title1">
                        <h2>华为帐号注册</h2>
                        <div class="tologin">
                            <span>已有帐号，</span>
                            <span id="login" class="login">去登录></span>
                        </div>
                    </div>
                    <!-- 地区 -->
                    <div class="put zg">
                        <div class="txt">国家/地区</div>
                        <div class="area">中国<svg t="1658131524526" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3314" width="12" height="12">
                                <path d="M65.582671 288.791335l446.417329 446.41733 446.417329-446.41733z" p-id="3315">
                                </path>
                            </svg>
                        </div>
                    </div>
                    <form>
                        <!-- 帐号 -->
                        <div class="username">
                            <input class="put put-0" id="name" type="text" name="username" placeholder="用户名/手机号">
                            <div class="fail1">
                                <div class="flex-1">
                                    <span class="erro"></span>
                                    <span class="redtext">手机号格式或用户名输入不正确</span>
                                </div>
                            </div>
                            <!-- 账号是否存在 -->
                            <div class="exist">
                                <div class="flex-1">
                                    <span class="erro"></span>
                                    <span class="redtext">账号已存在，请重新输入</span>
                                </div>
                            </div>
                        </div>
                        <!-- 密码 -->
                        <div class="userpass">
                            <div class="pass">
                                <input class="put put-1" id="pass" type="password" name="userpass" placeholder="密码">
                                <!-- 显示隐藏密码图标 -->
                                <span class="eye eye1"></span>
                                <span class="eye eye2"></span>
                            </div>
                            <!-- 账号错误提示 -->
                            <div class="fail1">
                                <div class="flex-1">
                                    <span class="erro"></span>
                                    <span class="redtext">密码格式不正确</span>
                                </div>
                            </div>                                                                                                                                    
                        </div>
                        <!-- 再次输入密码 -->
                        <div class="userpass">
                            <div class="pass">
                                <input class="put put-2" type="password" name="userpass" placeholder="密码">
                                <!-- 显示隐藏密码图标 -->
                                <span class="eye eye1"></span>
                                <span class="eye eye2"></span>
                            </div>
                            <!-- 账号错误提示 -->
                            <div class="fail1">
                                <div class="flex-1">
                                    <span class="erro"></span>
                                    <span class="redtext">密码不一致，请重新输入</span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- 注册 -->
                    <div class="register">
                        <div class="button">
                            <span style="color: #fff;">注册</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ----------------------- -->
        <!-- ----底部区域------ -->
        <div class="footer">
            <div class="xieyi">华为帐号用户协议&nbsp;&nbsp;|&nbsp;&nbsp; 关于华为帐号与隐私的声明&nbsp;&nbsp;|&nbsp;&nbsp;
                常见问题&nbsp;&nbsp;|&nbsp;&nbsp; Cookies</div>
            <div class="banquan">华为帐号 版权所有 © 2011-2022</div>
        </div>
    </div>
</body>


</html>


<script src="../js/jquery.js"></script>
<script src="../js/regist.js"></script>